<include file="public/layout"/>
<body style="background-color: #FFF; overflow: auto;">
<div id="append_parent"></div>
<div id="ajaxwaitid"></div>
<div class="page">
    <div class="fixed-bar">
        <div class="item-title"><a class="back" href="javascript:history.back(-1)" title="返回列表"><i class="fa fa-arrow-circle-o-left"></i></a>

            <div class="subject">
                <h3>虚拟订单</h3>
                <h5>商城虚拟商品交易订单查询及管理</h5>
            </div>
        </div>
    </div>
    <div class="ncap-order-style">
        <div class="titile">
            <h3></h3>
        </div>
        <div class="ncap-order-flow">
            <ol class="num5">
                <li class="current">
                    <h5>生成订单</h5>
                    <i class="fa fa-arrow-circle-right"></i>
                    <time>{$order.add_time|date='Y-m-d H:i:s',###}</time>
                </li>
                <li class="<if condition='$order[pay_status] eq 1'>current</if>" style=" width: 40%;">
                    <h5>发放兑换码</h5>
                    <i class="fa fa-arrow-circle-right"></i>
                    <if condition='$order[pay_status] eq 1'>
                        <div class="code-list tip" title="如列表过长超出显示区域时可滚动鼠标进行查看">
                            <div id="codeList">
                                <ul>
                                    <foreach name="vrorder" item="vo">
                                        <if condition='$vo[vr_state] eq 1'>
                                            <li class=""><strong>{$vo.vr_code}</strong> 已使用，使用时间{$vo.vr_usetime|date='Y-m-d',###}</li>
                                            <else/>
                                            <li class=""><strong>{$vo.vr_code}</strong> 未使用，有效期至{$vo.vr_indate|date='Y-m-d',###}</li>
                                        </if>
                                    </foreach>
                                </ul>
                            </div>
                        </div>
                    </if>
                </li>
                <li class="long <if condition='$order[confirm_time] gt 0'>current</if>">
                    <h5>订单完成</h5>
                    <time>
                        <if condition='$order[confirm_time] gt 0'>{$order.confirm_time|date='Y-m-d H:i:s',###}</if>
                    </time>
                </li>
            </ol>
        </div>
        <div class="ncap-order-details">
            <ul class="tabs-nav">
                <li class="current"><a href="javascript:void(0);">订单详情</a></li>
            </ul>
            <div class="tabs-panels">
                <div class="misc-info">
                    <h4>下单/支付</h4>
                    <dl>
                        <dt>订单号：</dt>
                        <dd>{$order.order_sn}</dd>
                        <dt>订单状态：</dt>
                        <dd>{$order.order_status_detail}</dd>
                        <dt>下单时间：</dt>
                        <dd>{$order.add_time|date='Y-m-d H:i:s',###}</dd>
                    </dl>
                    <if condition="$order[pay_status] eq 1">
                        <dl>
                            <dt>支付单号：</dt>
                            <dd>{$order.transaction_id}</dd>
                            <dt>支付方式：</dt>
                            <dd>{$order.pay_name}</dd>
                            <dt>支付时间：</dt>
                            <dd>{$order.pay_time|date='Y-m-d H:i:s',###}</dd>
                        </dl>
                    </if>
                </div>
                <div class="addr-note">
                    <h4>购买/收货方信息</h4>
                    <dl>
                        <dt>买家：</dt>
                        <dd>{$order.consignee}</dd>
                        <dt>接收手机：</dt>
                        <dd>{$order.mobile}</dd>
                    </dl>
                    <dl>
                        <dt>买家留言：</dt>
                        <dd>{$order.user_note}</dd>
                    </dl>
                </div>
                <div class="addr-note">
                    <h4>订单状态</h4>
                    <if condition="$order.pay_status eq 1">
                        <dl>
                            <dt><i class="icon-ok-circle green"></i>订单状态：</dt>
                            <dd>买家已付款，电子兑换码已发放</dd>
                        </dl>
                        <dl>
                            <dt><i class="icon-ok-circle green"></i>说明：</dt>
                            <dd>
                                <ul>
                                    <li>1. 该笔订单的电子兑换码已由系统自动发送至买家接收。</li>
                                    <li>2. 本次交易从即日起至<time>{$order_goods.virtual_indate|date='Y-m-d',###}</time>  ，逾期自动失效。</li>
                                </ul>
                            </dd>
                        </dl>
                        <else/>
                        <dl>
                            <if condition="$order['order_status'] eq 3">
                                <dt><i class="icon-off orange"></i>订单状态：</dt>
                                <dd>交易关闭</dd>
                                <else/>
                                <dt><i class="icon-ok-circle green"></i>订单状态：</dt>
                                <dd>订单已经生成，等待买家付款</dd>
                            </if>
                        </dl>
                        <dl>
                            <dt><i class="icon-ok-circle green"></i>说明：</dt>
                            <dd>
                                <ul>
                                    <if condition="$order['order_status'] eq 3">
                                        <li> 交易关闭，原因：{$order.user_note}</li>
                                        <else/>
                                        <li>1. 买家尚未对该订单进行支付。</li>
                                        <li>2. 如果该订单是一个无效订单，您可以点击 <a href="javascript:void(0)" data-url="{:U('Order/virtual_cancel',array('order_id'=>$order[order_id]))}" class="ncap-btn ncap-btn-red" onclick="virtual_cancel(this)" >取消订单</a></li>
                                    </if>
                                </ul>
                            </dd>
                        </dl>
                    </if>
                    <!--<dl>-->
                        <!--<dt>买家：</dt>-->
                        <!--<dd>{$order.consignee}</dd>-->
                        <!--<dt>接收手机：</dt>-->
                        <!--<dd>{$order.mobile}</dd>-->
                    <!--</dl>-->
                    <!--<dl>-->
                        <!--<dt>买家留言：</dt>-->
                        <!--<dd>{$order.user_note}</dd>-->
                    <!--</dl>-->
                </div>
                <div class="goods-info">
                    <h4>商品信息</h4>
                    <table>
                        <thead>
                        <tr>
                            <th colspan="2">商品</th>
                            <th>单价</th>
                            <th>数量</th>
                            <th>佣金比例</th>
                            <th>收取佣金</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td class="w30">
                                <div class="goods-thumb"><a href="{:U('Home/Goods/goodsInfo',array('id'=>$order_goods['goods_id']))}" target="_blank">
                                    <img alt="" src="{$order_goods['goods_id']|goods_thum_images=240,240}"/> </a></div>
                            </td>
                            <td style="text-align: left;">
                                <a href="{:U('Home/Goods/goodsInfo',array('id'=>$order_goods['goods_id']))}" target="_blank">{$order_goods.goods_name}</a>
                                使用时效：即日起 至 {$order_goods.virtual_indate|date='Y-m-d',###}
                            </td>
                            <td class="w80">￥{$order_goods.goods_price}</td>
                            <td class="w60">{$order_goods.goods_num}</td>
                            <td class="w60">{$order_goods.commission}</td>
                            <td class="w80">{$order_goods.commission_money}</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="total-amount">
                    <h3>订单总额：<strong class="red_common">￥{$order.order_amount}</strong></h3>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    //兑换码列表过多时出现滚条

    function virtual_cancel(obj){
        layer.open({
            type: 2,
            title: '取消订单',
            shadeClose: true,
            shade: 0.2,
            area: ['420px', '330px'],
            skin: 'layui-layer-rim',
            content: [$(obj).attr('data-url'),'no'],
        });
    }
</script>
</body>
</html>